<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<html>
<head>
	<title>Nightfall</title>
	<style type="text/css">
		html, body, #container { height: 100%; margin: 0; padding: 0; }
		body > #container { height: auto; min-height: 100%; position: relative; }
		#top {
			clear: both;
			height: 30px;
			border-bottom: 1px solid black;
		}
		#middle {
			clear:both;
			height: 100%;
		}
		#stats {
			float:left;
			width: 100px;
			display: inline-block;
		} 
		#main {
			display: inline-block;
		}
		#bottom {
			clear: both;
			border-top: 1px solid black;
			height: 30px;
			width: 100%;
			padding-left: 100px;
			position:absolute; bottom:0; left:0;
		}
	</style>
	<script type="text/javascript">
		function submitMainForm(option) {
			document.getElementById("mainFormOption").value=option;
			document.getElementById("mainForm").submit();
		}
	</script>
</head>
<body>
<!-- 
<h1>
	Hello world!  
</h1>

<P>  The time on the server is ${serverTime}. </P>
-->
<form id="mainForm">
	<input type="hidden" id="mainFormOption" name="option" />
</form>

<div id="container">
	<div id="top">
	</div>
	<div id="middle">	
		<div id="stats">
	 		stats
		</div>
		<div id="main">
		  <c:forEach items="${game.text}" var="message">
		  	${message} <br />
		  </c:forEach>
		</div>
	</div>
	<div id="bottom">
	
		<c:forEach items="${game.currentSituation.options}" var="option" varStatus="status">
		  	<input type="button" onclick="submitMainForm('${status.index}');" value="${option.label}" title="${option.description}" />
		</c:forEach>
		  
	</div>
</div>

</body>
</html>
